<template>
  <page-container>
  <span>page-content</span>
    <a-button @click="handleClick">Button</a-button>
    <p v-for="item in new Array(20)" :key="item">text block...</p>
  </page-container>
</template>

<script>
import { ref } from "vue";
import { message } from "ant-design-vue";

export default {
  name: "Home",
  components: {},
  setup() {
    const text = ref("1");
    const handleClick = () => {
      message.info("clicked");
      text.value = `${Math.random()}`;
    };
    return {
      handleClick,
      text
    };
  }
};
</script>
